<template>
  <div class="echarts-container">
    <el-row :gutter="60">
      <vab-chart-line title="演员列表" />
      <vab-chart-bar title="领队列表" />
      <vab-chart-pie title="剧组列表" />
      <shiming title="用户" />
      <xianxing title="演员平台信息图" />
    </el-row>
  </div>
</template>

<script>
  import VabChartLine from './components/VabChartLine'
  import VabChartBar from './components/VabChartBar'
  import VabChartPie from './components/VabChartPie'
  import shiming from './components/vabshiming.vue'
  import xianxing from './components/xianxingtu.vue'

  export default {
    name: 'Echarts',
    components: {
      VabChartLine,
      VabChartBar,
      VabChartPie,
      shiming,
      xianxing,
    },
    data() {
      return {}
    },
    methods: {},
  }
</script>

<style lang="scss" scoped>
  .echarts-container {
    padding: 0 !important;
    background: $base-color-background !important;
    ::v-deep {
      .echarts {
        width: 100%;
        height: 300px;
      }
    }
  }
</style>
